<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>小米官网</title>
    <link rel="stylesheet" href="resize.css">
    <link rel="stylesheet" href="initialize.css">
    <link rel="stylesheet" href="index.css">
</head>

<body>
<div class="header bg333">
    <div class="nav wrap1226">
        <ul class="u1">
            <li class="active"><a href="#">菜单</a></li>
            <li class=""><a href="#">菜单</a></li>
            <li class=""><a href="#">菜单</a></li>
            <li class=""><a href="#">菜单</a></li>
            <li class=""><a href="#">菜单</a></li>
            <li class="download-btn">
                <a href="#">下载App</a>
                <div class="download-box">
                    <div class="triangle"></div>
                    <img src="./download.png" alt="瞎子啊">
                    <h5>下载小米商城APP</h5>
                </div>
            </li>

            <li class=""><a href="#">菜单</a></li>
        </ul>
        <ul class="u2">
            <li class="active"><a href="#">导航1</a></li>
            <li class=""><a href="#">导航2</a></li>
            <li class=""><a href="#">导航2</a></li>
            <li class=""><a href="#">导航2</a></li>

        </ul>
    </div>
</div>
<div class="banner swiper wrap1226 clear-fix">
    <div class="cate-list">
        <ul>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./watch.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">数码|手机</a>
                <div class="cate-content">
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                    <ul>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                        <li class="item">
                            <img src="./phone.webp" alt="">
                            <a href="#">Red Mi c12</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="selection">商品列表</div>
<div class="footer">尾部</div>
</body>

</html>